{% extends "base.html" %}
{% from "_icones.html" import icone %}
{% block titulo %}Clientes{% endblock %}
{% block conteudo %}
<div class="topo">
  <div><h1>Clientes</h1><p>{{ clientes|length }} cliente(s) cadastrado(s). Clientes de notas autorizadas são salvos automaticamente.</p></div>
  <div class="acoes">
    <form class="busca" method="get"><input name="q" value="{{ q }}" placeholder="Buscar por nome, CPF/CNPJ ou cidade"><button class="btn">{{ icone('busca') }}</button></form>
    <a class="btn prim" href="{{ url_for('cliente_form') }}">{{ icone('mais') }} Novo cliente</a>
  </div>
</div>
<div class="cartao">
  {% if clientes %}
  <div class="tabela-wrap"><table class="tab">
    <thead><tr><th>Nome</th><th>CPF/CNPJ</th><th>IE</th><th>Cidade</th><th>Contato</th><th></th></tr></thead>
    <tbody>
    {% for c in clientes %}
      <tr>
        <td><a href="{{ url_for('cliente_form', cid=c.id) }}"><b>{{ c.nome }}</b></a>{% if c.fantasia %}<div class="suave peq">{{ c.fantasia }}</div>{% endif %}</td>
        <td class="nowrap">{{ c.documento|doc }}</td>
        <td>{{ c.ie or ('Isento' if c.ind_ie == '2' else 'Não contribuinte') }}</td>
        <td>{{ c.municipio }}{% if c.uf %}/{{ c.uf }}{% endif %}</td>
        <td class="peq">{{ c.fone }}{% if c.email %}<div class="suave">{{ c.email }}</div>{% endif %}</td>
        <td><div class="acoes-linha">
          <a class="btn peq" href="{{ url_for('nota_nova', cliente=c.id) }}">{{ icone('nota') }} Emitir nota</a>
          <a class="btn peq" href="{{ url_for('cliente_form', cid=c.id) }}">{{ icone('editar') }}</a>
          <form method="post" action="{{ url_for('cliente_excluir', cid=c.id) }}" data-confirmar="Excluir o cliente {{ c.nome }}?"><button class="btn peq perigo">{{ icone('lixo') }}</button></form>
        </div></td>
      </tr>
    {% endfor %}
    </tbody></table></div>
  {% else %}
  <div class="vazio">{{ icone('clientes') }}<div>{{ 'Nenhum cliente encontrado.' if q else 'Nenhum cliente cadastrado ainda.' }}</div></div>
  {% endif %}
</div>
{% endblock %}